<template>
    <div class="mi_go_count f-l">
        <span class="mi_go_overtime">18:00场</span>
        <img src="../../assets/img/flashpurchase.png" alt="">
        <span class="mi_go_text">暂无闪购活动</span>
        <div class="mi_go_time">
            <div class="m_num">00</div>
            <div class="m_point">:</div>
            <div class="m_num">04</div>
            <div class="m_point">:</div>
            <div class="m_num">01</div>
        </div>
    </div>
</template>
<script>
export default{
    
}    
</script>
<style scoped>
.mi_go_count{
    width: 230px;
    height: 340px;
    background: #f1eded;
    border-top: 1px solid #e53935;
}
.mi_go_count>.mi_go_overtime{
    display: block;
    text-align: center;
    color: #ef3a3b;
    font-size: 21px;
    padding-top: 70px;
}
.mi_go_count>img{
    display:block;
    margin: 25px auto;
}
.mi_go_count>.mi_go_text{
    display: block;
    color: rgba(0,0,0,0.54);
    font-size: 15px;
    text-align: center;
}
.mi_go_count>.mi_go_time{
    display: flex;
    width: 170px;
    margin: 30px auto;
}
.mi_go_count>.mi_go_time>.m_num{
    width: 46px;
    height: 46px;
    color: #fff;
    text-align: center;
    background: #605751;
    font-size: 24px;
    line-height: 46px;
}
.mi_go_count>.mi_go_time>.m_point{
    width: 15px;
    height: 46px;
    font-size: 28px;
    line-height: 46px;
    color: #605751;
    text-align: center;
}
</style>

